<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta content="telephone=no" name="format-detection"/>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/media.css">
	<title>主页</title>
	<script src="js/javaScript.js" type="text/javascript"></script>
</head>
<body>
	<!-- 顶部导航 -->
	<div id="header" class="clear">
		<h1 class="fl">
			<span class="logo_title">缤纷视觉</span>
			<img src="img/logo.png" alt="logo">
		</h1>
		<div id="nav" class="clear fl">
			<div>
				<a class="home_a" href="#">HOME</a>
				<a href="#">WORK</a>
				<a href="#">CONTACT</a>
				<a href="#">JOIN US</a>
			</div>
		</div>
	</div>
	<div id="main_content">
	<!-- 广告部分 -->
		<div id="banner">
		<!-- 注意banner轮播图有最大宽 -->
			<div class="img_box clear">
				<a class="left_mark" href="#"></a>
				<a class="right_mark" href="#"></a>
				<span class="fl">
					<img src="img/banner.png" alt="banner">
				</span>
				<span class="banner_title fl">UC浏览器发布会概念视频－－快于一念，因你不凡</span>
			</div>
			<div class="page_control">
				<a href="#">
					<img src="img/page_control_select.png" alt="page">
				</a href="#">
				<a href="#">
					<img src="img/page_control_nomal.png" alt="page_normal">
				</a href="#">
				<a>
					<img src="img/page_control_nomal.png" alt="page_normal">
				</a href="#">
			</div>
		</div>
		<!-- 介绍部分 -->
		 <div id="introduce">
		 	<p class="introduce_content">Infini Studio (映纷视觉) 是一家创意视觉工作室，专注于动态影像的视觉设计与创作。我们擅长使用动画，特效，实拍结合以及其他创新形式，将信息与内容进行视觉化创作，并由多名动画导演，设计师，三维艺术家共同协作完成。服务的范围包括广告，影视，新媒体等。</p>
		 </div>
		 <!-- 商标部分 -->
		 <div id="brand">
		 	<ul id="brand_ul" class="clear">
		 	<!-- li里面装了一堆商标 -->
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 		<li></li>
		 	</ul>
		 </div>
		 <!-- 商品列表部分 -->
		 <div id="content_list" class="clear">
		 	<div>
		 		<div>
		 			<img src="img/img1.png" alt="img1">
		 		</div>
		 		<div>
		 			<span class="content_list_title">在豆瓣，兴趣让用户与品牌不期而遇</span>
		 		</div>
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img2.png" alt="img2">
		 		</div>
		 		<div>
		 			<span class="content_list_title">华为发布会《改变未来的开始》</span>
		 		</div>		 		
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img3.png" alt="img3">
		 		</div>
		 		<div>
		 			<span class="content_list_title">UC浏览器－－快于一念，因你不凡</span>
		 		</div>		 		
		 	</div>
			<div>
		 		<div>
		 			<img src="img/img1.png" alt="img1">
		 		</div>
		 		<div>
		 			<span class="content_list_title">在豆瓣，兴趣让用户与品牌不期而遇</span>
		 		</div>
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img2.png" alt="img2">
		 		</div>
		 		<div>
		 			<span class="content_list_title">华为发布会《改变未来的开始》</span>
		 		</div>		 		
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img3.png" alt="img3">
		 		</div>
		 		<div>
		 			<span class="content_list_title">UC浏览器－－快于一念，因你不凡</span>
		 		</div>		 		
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img1.png" alt="img1">
		 		</div>
		 		<div>
		 			<span class="content_list_title">在豆瓣，兴趣让用户与品牌不期而遇</span>
		 		</div>
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img2.png" alt="img2">
		 		</div>
		 		<div>
		 			<span class="content_list_title">华为发布会《改变未来的开始》</span>
		 		</div>		 		
		 	</div>
		 	<div>
		 		<div>
		 			<img src="img/img3.png" alt="img3">
		 		</div>
		 		<div>
		 			<span class="content_list_title">UC浏览器－－快于一念，因你不凡</span>
		 		</div>		 		
		 	</div>
		 </div>
	</div>
	<div id="footer" class="clear">
		<div class="footer_left fl">
			<ul class="fr">
			<!-- 这里面的li是footer的第三方logo -->
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="footer_right fr">
			<span>
				<img src="img/logo2.png" alt="logo2">
			</span>
			<span>
				www.infinistudio.cn
			</span>
			<span>
				北京市朝阳北路36号亚宝时代大厦
			</span>
			<span>
				Email: infinistu@gmail.com
			</span>
			<span>
				QQ: 7585917
			</span>
			<span>
				Tel: (+86)18610994852
			</span>
		</div>
	</div>


</body>
</html>